<script>
export default {
	onLaunch: function () {
		console.log('App Launch');
	},
	onShow: function () {
		console.log('App Show');
	},
	onHide: function () {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import '@/uni_modules/uview-ui/index.scss';

.goods-list {
	margin: 0 24rpx;

	.list-item {
		padding-top: 30rpx;
		padding-bottom: 30rpx;
		border-top: solid 3rpx #dfdfdf;
		box-sizing: border-box;

		&:first-child {
			border-top: none;
			padding-top: 30rpx;
		}

		.list-info {
			.info {
				flex: 1;
				margin-left: 30rpx;

				.label {
					margin-top: 15rpx;

					/deep/ .u-text {
						flex: none;
						width: auto;
						padding-left: 18rpx;
						border-left: 3rpx solid #bfbfbf;
						box-sizing: border-box;

						&:first-child {
							padding-left: 0;
							padding-right: 18rpx;
							border-left: none;
						}
					}
				}

				.price-item {
					margin-top: 15rpx;

					.item {
						margin-top: 10rpx;

						&:first-child {
							margin-top: 0;
						}
					}

					/deep/ .u-text {
						flex: none;
						width: auto;
					}
				}
			}
		}

		.list-mode {
			margin-top: 17rpx;

			/deep/ .count-down {
				font-size: 26rpx;
				color: #606060;
			}

			.status {
				width: 170rpx;
				height: 55rpx;
				font-size: 24rpx;
				color: #ffffff;
				border-radius: 15rpx 0 0 15rpx;

				&.error {
					background: #cf141a;
				}

				&.succeed {
					background: #569826;
				}

				&.finish {
					background: #6d6d6d;
				}
			}
		}
	}
}
</style>
<style>
/*每个页面公共css */
button,
view,
text {
	line-height: normal;
}

.flex {
	display: flex;
}

.flex-between {
	justify-content: space-between;
}

view {
	line-height: normal;
}

.flex-align-center {
	align-items: center;
}

.flex-justify-center {
	justify-content: center;
}
</style>
